/*
 *@info 爱心套餐提示组件
*/

Vue.component('love-package-tips', {
  name: 'love-package-tips',
  props: ['packagecode', 'packagename'],
  template: `<section>
  <div class="red f-m-10" v-if="false" >温馨提示：1、新用户入网选择69元关爱套餐、99元守护套餐，入网激活成功后，可通过“远微商城”、“远特信时空”公众号领取一次性医用口罩10只。
  2、本活动所赠送口罩仅用于入网用户本人领取。领取后出现任何转售、倒卖口罩行为所产生后果，由用户本人自行承担。</div>
  <div class="red f-m-10" v-if="false" >温馨提示：1、新用户入网选择预存100元，入网激活成功后，可通过“远微商城”、“远特信时空”公众号领取一次性医用口罩10只。
  2、本活动所赠送口罩仅用于入网用户本人领取。领取后出现任何转售、倒卖口罩行为所产生后果，由用户本人自行承担。</div>

  <div class="red f-m-10" v-if="false" >温馨提示：1、新用户入网选择办理保险权益套餐，入网激活成功后，可通过“远微商城”、“远特信时空”公众号领取一次性医用口罩20只。
  2、本活动所赠送口罩仅用于入网用户本人领取。领取后出现任何转售、倒卖口罩行为所产生后果，由用户本人自行承担。</div>
  </section>`,
  data () {
    return {
      show: false
      // v-if="show==1" 上面模版删除了v-if 判断
      // v-else-if="show==2"
      // v-else
    }
  },
  watch: {
    packagecode () {
      this.isShow();
    },
    packagename () {
      this.isShow();
    }
  },
  created () {
    this.isShow();
  },
  mounted () {

  },
  methods: {
    isShow () {
      if (
        this.packagecode == 1353356 ||
        this.packagecode == 1353357 ||
        (
          this.packagename &&
          (
            this.packagename.indexOf('关爱') > -1 ||
            this.packagename.indexOf('守护') > -1
          )
        )
      ) {
        this.show = 1;
      } else if (this.packagecode == 1353358 || this.packagecode == 1353383) {
        this.show = 3
      }
      else {
        this.show = 2;
      }
    }
  }
})